/*
 * @Author: lixinke 530822237@qq.com
 * @Date: 2022-08-17 00:35:28
 * @LastEditors: lixinke 530822237@qq.com
 * @LastEditTime: 2022-08-17 13:55:57
 * @FilePath: \新建文件夹 (3)\crm_customer\src\components\Ordermanage\HeighSearch\heighSearch.jsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React, { useState } from 'react'
import { Input } from 'antd';
import './heighSearch.css'
import { DatePicker } from 'antd';
import zh_CN from 'antd/lib/locale-provider/zh_CN';
import {ConfigProvider} from 'antd';
import { Select } from 'antd';
import { Radio } from 'antd';

const { Option } = Select;
const { RangePicker } = DatePicker;
const handleChange = (value: string) => {
  console.log(`selected ${value}`);
};
export default function Heighsearch() {
  const [value, setValue] = useState(1);
  const onChange = (e) => {
    console.log('radio checked', e.target.value);
    setValue(e.target.value);
  };
  return (
    <div className='rightsearchcontent'>
      <div className='rightsearch'>
      <div >　　编号：</div><div><Input size="small"   /></div>
      <br/>
      <br/>
      <div >订单编号：</div><div> <Input size="small"   /></div>
      <br/>
      <br/>
      <div>交单日期：</div>
      <div><ConfigProvider locale={zh_CN}><RangePicker className='data' size="small"/></ConfigProvider></div>
      <br/>
      <br/>
      <div>发货状态：</div>
      <div>
      <Select defaultValue="请选择" size="small"  onChange={handleChange}>
      <Option value="choose">请选择</Option>
      <Option value="send">已发货</Option>
      <Option value="nosend">未发货</Option>
      </Select>
      </div>
      <br/>
      <br/>
      <div>自定义字段搜索：</div><div><Input size="small"   /></div>
      </div>
      <div className='middlesearch'>
      <div >客户名称：</div><div> <Input size="small"   /></div>
      <br/>
      <br/>
      <div >订单商品：</div><div> <Input size="small"   /></div>
      <br/>
      <br/>
      <div>订单状态：</div>
      <div>
      <Select defaultValue="请选择" size="small"  onChange={handleChange}>
      <Option value="choose">请选择</Option>
      <Option value="nohandle">未处理</Option>
      <Option value="onhandle">处理中</Option>
      <Option value="comhandle">已完成</Option>
      </Select>
      </div>
      <br/>
      <br/>
      <div >收货地址：</div><div> <Input size="small"   /></div>
      <br/>
      <br/>
      <div>是否欠款：</div>
      <div>
      <Radio.Group onChange={onChange} value={value}>
      <Radio value={1}>未知</Radio>
      <Radio value={2}>有</Radio>
      <Radio value={3}>无</Radio>
      </Radio.Group>
      </div>
      </div>
      <div className='leftsearch'>
      <div >联系人：</div><div> <Input size="small"   /></div>
      <br/>
      <br/>
      <div>下单日期：</div>
      <div><ConfigProvider locale={zh_CN}><RangePicker  size="small"/></ConfigProvider></div>
      <br/>
      <br/>
      <div >收货人：</div><div> <Input size="small"   /></div>
      <br/>
      <br/>
      <div >备注：</div><div> <Input size="small"   /></div>
      <br/>
      <br/>
      <div>业务员：</div>
      <div>
      <Select defaultValue="请选择" size="small"  onChange={handleChange}>
      <Option value="choose">请选择</Option>
      <Option value="super">超级管理员</Option>
      <Option value="2">张三</Option>
      <Option value="3">王蛋</Option>
      </Select>
      </div>
      </div>
      
      <div className='button'>
        <div>
          <button className='buttonsearch'>立即搜索</button>
        </div>
        <div>
        <button className='buttonremove'>清空条件</button>
        </div>
        <div>
        <button className='buttonmove'>导出数据</button>
        </div>
      </div>
    </div>
  )
}


